<template>
  <div id="app">
    <!-- <div ref="p">{{count}}</div>
    <button @click="change"> click </button> -->
    <input-demo></input-demo>
  </div>
</template>
<script>

import InputDemo from './components/InputDemo.vue'
export default {
  components: {
    InputDemo
  },
  data () {
    return {
      count:10
    }
  },
  methods:{
    async change(){
      this.count++
      console.log(this.$refs.p.textContent) // 未更新
      console.log(this.$nextTick()) // eslint-disable-line
      await this.$nextTick()
      console.log(this.$refs.p.textContent) // 更新后的
    }
  }
}
</script>
